<div class="ui-g">
    <div class="ui-g-12 header">基础属性</div>
    <div class="ui-g-5 ui-widget-content">内容</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.value" />
    </div>
    <div class="ui-g-12 header">样式属性</div>
    <div class="ui-g-5 ui-widget-content">颜色</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-colorPicker [(ngModel)]="assembly.attributes.color"></p-colorPicker>
    </div>
    <div class="ui-g-5 ui-widget-content">上边距</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.attributes.y" />
    </div>
    <div class="ui-g-5 ui-widget-content">左边距</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <input type="text" [(ngModel)]="assembly.attributes.x" />
    </div>
    <div class="ui-g-5 ui-widget-content">排列</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="fontDirection" [(ngModel)]="assembly.attributes.fontDirection" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
    <div class="ui-g-5 ui-widget-content">大小</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="fontSize" [(ngModel)]="assembly.attributes.fontSize" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
    <div class="ui-g-5 ui-widget-content">对齐</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="textAlign" [(ngModel)]="assembly.attributes.textAlign" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
    <div class="ui-g-5 ui-widget-content">字体</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="fontFamily" [(ngModel)]="assembly.attributes.fontFamily" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
    <div class="ui-g-5 ui-widget-content">粗体</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="yesNo" [(ngModel)]="assembly.attributes.fontWeight" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
    <div class="ui-g-5 ui-widget-content">斜体</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="yesNo" [(ngModel)]="assembly.attributes.fontStyle" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
    <div class="ui-g-5 ui-widget-content">下划线</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="yesNo" [(ngModel)]="assembly.attributes.textUnderLine" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
    <div class="ui-g-5 ui-widget-content">删除线</div>
    <div class="ui-g-7 ui-widget-content ui-widget-content-input">
        <p-dropdown [options]="yesNo" [(ngModel)]="assembly.attributes.textDeleteLine" [style]="{'width':'100%','height':'100%', 'border':'none', 'font-size':'16px'}">
        </p-dropdown>
    </div>
</div>